<!-- AsideCom.vue -->
<script>

import { Location, House, User } from '@element-plus/icons-vue'
export default {
  data () {
    return {

    }
  },
  components: {
    Location,
    House,
    User
  },
  // 接收父组件传递过来的属性
  props: ['collapse']
}
</script>
<template>
  <!-- collapse 标签菜单是否需要展开 -->
  <el-menu :collapse="collapse" class="el-menu-vertical-demo">
    <el-menu-item>
      <el-icon>
        <House />
      </el-icon>
      <template #title>
        <span>首页</span>
      </template>
    </el-menu-item>

    <el-sub-menu>
      <template #title>
        <el-icon>
          <User />
        </el-icon>
        <span>账号管理</span>
      </template>
      <el-menu-item>管理员列表</el-menu-item>
      <el-menu-item>用户列表</el-menu-item>
    </el-sub-menu>


  </el-menu>
</template>
